import { getGoodsList } from '../../api/goods'
export default {
  namespaced: true,
  state: {
    goods: []
  },
  mutations: {
    SET_GOODS(state, payload) {
      state.goods = payload
    }
  },
  actions: {
    getGoodsList({ commit }) {
      getGoodsList().then((res) => {
        // console.log(res)
        commit('SET_GOODS', res.data)
      })
    }
  }
}

// 同步： components --> commit --> mutations --> state --> render --> components
// 异步： components --> dispatch --> actions --> commit --> mutations --> state --> render --> components

// vuex 中的数据可以使用在多个组件中，但是刷新数据就丢失了
// 本地存储 可以永久存储数据，但是无法监听到数据的变化
